<!DOCTYPE html>
<html lang="en">
  <link href="/vendors/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
  <link rel="stylesheet" href="/css/graph/configure.css" />
  <link rel="stylesheet" href="/css/all.css" />
  <link href="/bootstrap/bootstrap-treeview/bootstrap-treeview.css" rel="stylesheet">
  <body>
    <div class="col-sm-12">
      <div class="col-sm-12 my-container">
        <#include "/commonnew/all/topbar.html" />
        <!--<#include "/commonnew/tools/leftbar.html" />-->
        <div class="right-col" role="main">
          <div class="col-md-12 col-sm-12 col-xs-12" id="no-result-div">
		      <div class="page-header">
						<h3>您当前暂无技术关键词库</h3>
						<div class="row col-md-offset-2 action-border">
							<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">新建技术关键词库</button>
						</div>
					</div>
			</div>
          <div class="col-md-12 col-sm-12 col-xs-12" id="tree-result-div">
			<div class="page-header">
				<h3>技术关键词库</h3>
				<div class="row">
					<div class="select-tree">
						<select id="show-trees" class="form-control"></select>
					</div>
				</div>
				<div class="row col-md-offset-2 action-border">
					<button type="button" class="btn btn-primary" data-toggle="modal" id="btn-update-modal">修改名称</button>
					<button type="button" class="btn btn-primary" data-toggle="modal" id="btn-delete-modal">删除</button>
					<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">新建词库</button>
				</div>
			</div>
			<div class = "search-all-graph">
				<div class="tree-detail">
						<div class="row">
							<div class="col-sm-9">
								<div id="spkey-treeview" class=""></div>
							</div>
						</div>
				</div>
		    </div>
			
   		 </div>

  	  </div>
  	  
  	  <!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">新建技术关键词库</h4>
      </div>
      <div class="modal-body">
        <input id="new-tree-name" type="text" class="value form-control" placeholder="请输入新关键词库名称" data-name="tree-name">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button id="create-new-tree" type="button" class="btn btn-primary">确定</button>
      </div>
    </div>
  </div>
</div>

  	  <!-- update Modal -->
<div class="modal fade" id="updateModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">请输入新的技术关键词库名称</h4>
      </div>
      <div class="modal-body">
        <input id="update-tree-name" type="text" class="value form-control">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button id="update-tree" type="button" class="btn btn-primary">确定</button>
      </div>
    </div>
  </div>
</div>


  	  <!-- delete Modal -->
<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">提示</h4>
      </div>
      <div class="modal-body" id="delete-prompt"></div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button id="delete-tree" type="button" class="btn btn-primary">确定</button>
      </div>
    </div>
  </div>
</div>
  	</body>
  	<script type="text/javascript" src="/js/table_utils.js"></script>
    <script src="/js/packages/require.js" data-main="/js/graph/configure"></script>
</html>


